<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航右边的内容</title>
		<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
		<link type="text/css" rel="stylesheet" href="css/peoplexinxi.css" />
	</head>
	<body>
		<!-- 中部看成一个整体-->
		
			<!-- 设置搜索标题 -->
			<div style="background-color: #D9EDF7; width: 100%;height: 5%;">
				<p>&nbsp;&nbsp;&nbsp;搜索</p>
			</div>
			<!-- 设置搜索下面的工具栏-->
			<div>
				<div style="margin-top: 1%;">
					&nbsp;&nbsp;<label for="textname">姓名</label>
					<input type="text" name="name" id="textname" style="width: 5%;background-color: #D9EDF7;" />
					&nbsp;&nbsp;<label for="qiyong">是否启用</label>
					<select name="qiyong" style="width: 5%;height: 30px;background-color: #E5E5E5;">
						<option selected="selected">启用</option>
						<option>不启用</option>
					</select>
					&nbsp;&nbsp;<label for="textnum">身份证号</label>
					<input type="text" name="num" id="textnum" style="width: 10%;background-color: #D9EDF7;" />
					&nbsp;&nbsp;<label for="juese">角色</label>
					<select name="juese" style="width: 7%;height: 30px;background-color: #E5E5E5;">
						<option selected="">管理员</option>
						<option>用户</option>
					</select>
					&nbsp;&nbsp;<button style="background-color: blue;">
						<font color="white">搜索</font>
					</button>
				</div><br/>
				<!-- 设计新增，删除，修改，查询 -->

				<button class="but1" name="tianjia" >新增</button>
				<button name="xiugai" class="but2">修改</button>
				<button name="shanchu" class="but3">删除</button>
				<button name="chaxun" class="but4">查询</button>
			</div><br />
			<!-- 设计下面大表格 -->
			<div class="container" style="margin-left: 0;width: 100%;">
				<div class="row bb" id="xx" style="background-color: #66AFE9;">
					<div class="col-md-1" id="xx" style="text-align: center;">全选</div>
					<div class="col-md-1" id="xx" style="text-align: center;">姓名</div>
					<div class="col-md-2" id="xx" style="text-align: center;">身份证号</div>
					<div class="col-md-2" id="xx" style="text-align: center;">角色</div>
					<div class="col-md-3" id="xx" style="text-align: center;">是否启用</div>
					<div class="col-md-3" id="xx" style="text-align: center;">创建时间</div>
				</div>
				<div class="row bb" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">张三</div>
					<div class="col-md-2" id="xx">123096738291</div>
					<div class="col-md-2" id="xx">老师</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-7-2</div>
				</div>
				<div class="row dd bb" id="xx" >
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">王五</div>
					<div class="col-md-2" id="xx">123096738345</div>
					<div class="col-md-2" id="xx">老师</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-5-2</div>
				</div>
				<div class="row bb" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">李四</div>
					<div class="col-md-2" id="xx">1452986738291</div>
					<div class="col-md-2" id="xx">老师</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-3-2</div>
				</div>
				<div class="row bb dd" id="xx" >
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">汇鑫</div>
					<div class="col-md-2" id="xx">1234374398291</div>
					<div class="col-md-2" id="xx">老师</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-2-22</div>
				</div>
				<div class="row bb" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">周宪</div>
					<div class="col-md-2" id="xx">1354354291726</div>
					<div class="col-md-2" id="xx">学生</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-12-2</div>
				</div>
				<div class="row bb dd" id="xx" >
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">飞天</div>
					<div class="col-md-2" id="xx">1230986734517</div>
					<div class="col-md-2" id="xx">老师</div>
					<div class="col-md-3" id="xx">已启用</div>
					<div class="col-md-3" id="xx">2017-8-2</div>
				</div>
				<div class="row bb" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">anly</div>
					<div class="col-md-2" id="xx">1232456739291</div>
					<div class="col-md-2" id="xx">学生</div>
					<div class="col-md-3" id="xx">已停用</div>
					<div class="col-md-3" id="xx">2017-4-2</div>
				</div>
				<div class="row bb dd" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">邓伦</div>
					<div class="col-md-2" id="xx">1230965874286</div>
					<div class="col-md-2" id="xx">学生</div>
					<div class="col-md-3" id="xx">已停用</div>
					<div class="col-md-3" id="xx">2017-2-2</div>
				</div>
				<div class="row bb" id="xx">
					<div class="col-md-1" id="xx"><img alt="小正方" src="images/bom_bg.gif" width="12%" height="10%"></div>
					<div class="col-md-1" id="xx">李小二</div>
					<div class="col-md-2" id="xx">14758963245879</div>
					<div class="col-md-2" id="xx">学生</div>
					<div class="col-md-3" id="xx">已停用</div>
					<div class="col-md-3" id="xx">2017-2-2</div>
				</div>
			</div>
			<!-- 底部按钮 -->
			<div style="margin-top: 1%;">
				<button style="background-color: #DFF0D8;">
						<font color="#1E90FF">首页</font>
					</button>
				<button style="background-color: #DFF0D8;">
					<font color="#1E90FF">上一页</font>
				</button>
				<button style="background-color: #DFF0D8;">
					<font color="#1E90FF">1</font>
				</button>
				<button style="background-color: #DFF0D8;">
					<font color="#1E90FF">2</font>
				</button>
				<button style="background-color: #DFF0D8;">
					<font color="#1E90FF">下一页</font>
				</button>
				<button style="background-color: #DFF0D8;">
					<font color="#1E90FF">末页</font>
				</button>
			</div>
		
	</body>
</html>
